<template>
	<view class="banshui">
		<view class="syspadding navbar ">
			<view class="navbarh">办税</view>
		</view>
		<view style="width: 100%;height: 145rpx;"></view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">发票管理</view>
			</view>
			<view class="text acea-row row-around">
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/fapiao01.jpg" mode="aspectFit"></image>
					</view>
					<view class="title">扫码开票</view>
				</view>
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/fapiao02.jpg" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>发票抬头</view>
					</view>
				</view>
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/fapiao03.jpg" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>我的票夹</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">扣除填报</view>
			</view>
			<view class="text acea-row row-around">
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/fujiabiao.png" mode="aspectFit"></image>
					</view>
					<view class="title">专项附加扣除填报</view>
				</view>
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/zhuanxiangfujia.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>专项附加扣除</view>
						<view>修改和作废</view>
					</view>
				</view>
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/yanglao.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>个人养老金</view>
						<view>扣除信息管理</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">税费申报</view>
			</view>
			<view class="text acea-row ">
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/suodeniandu.png" mode="aspectFit"></image>
					</view>
					<view class="title">综合所得年度汇算</view>
				</view>
				<view class="acea-row row-column row-middle" style="margin-left: 98rpx;">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/shenbao.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>更正申报和</view>
						<view>作废申报</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">证明开具</view>
			</view>
			<view class="text acea-row ">
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/nashuijilu.png" mode="aspectFit"></image>
					</view>
					<view class="title">纳税记录开具</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">我的委托</view>
			</view>
			<view class="text acea-row ">
				<view class="acea-row row-column row-middle">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/weituodaili.png" mode="aspectFit"></image>
					</view>
					<view class="title">委托代理关系管理</view>
				</view>
			</view>
		</view>
		<view style="width: 100%;height: 100rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.banshui{
		
		.content{
			width: 100%;
			margin-top: 30rpx;
			background-color: #ffffff;
			
			.text{
				padding: 30rpx 30rpx 60rpx 30rpx;
				
				.icon{
					width: 80rpx;
					height: 80rpx;
				}
				.title{
					width: 170rpx;
					font-size: 26rpx;
					text-align: center;
					line-height: 40rpx;
				}
			}
			
			.item{
				padding: 30rpx;
				border-bottom: 1rpx solid #f2f2f2;
				.line{
					width: 10rpx;
					height: 30rpx;
					border-radius: 10rpx;
					background-color: #5186E6;
					margin-right: 10rpx;
				}
			}
		}
		
		.navbar{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 9999;
			background-image: linear-gradient(to right,#0562ED,#1B6EF0,#367DF3,#4286F5);
			color: #fff;
			
			.navbarh{
				width: 100%;
				height: 100rpx;
				text-align: center;
				font-weight: bolld;
				font-size: 34rpx;
				line-height: 100rpx;
			}
		}
		
	}
</style>
